$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "../../styles/color.scss";

@font-face {
  font-family: 'element-icons';
  src: url('#{$--font-path}/element-icons.woff') format('woff'), /* chrome, firefox */
  url('#{$--font-path}/element-icons.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: normal;
  font-display: auto;
  font-style: normal;
}

html, body {
  height: 100%;
  margin: 0;
}

p {
  margin: 0;
}

//自定义遮罩层
.spinner-custom{
  .el-loading-spinner{
    top: 40% !important;

  }
  /*
    .el-loading-text {
      color: #5c74c2 !important;
      font-size: 14px !important;
      letter-spacing: 12px !important;
      text-align: center !important;
      text-indent: 8px !important;
    }*/
  .el-loading-text {
    color: #5c74c2 !important;
    font-size: 17px !important;
    text-align: center !important;
    min-width: 300px;
    position: absolute;
    left: calc((100% - 300px) / 2);
  }

  .spinner-user{
    -webkit-animation: rotating 2s linear infinite;
    animation: loading-rotate 2s linear infinite;
    background: url(../../assets/img/login/loading.gif) no-repeat;
    position: relative;
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
    line-height: 100px;
    display: inline-block;
    border-radius: 50%;
  }
}

.el-collapse{
  .el-collapse-item__header{
    color: #39a9f4 !important;
    border-bottom: 1px solid #ddd !important;
    font-weight: bold;
    font-size: 19px !important;
    padding-left: 10px;
  }
}

/*ajax失败样式*/
.error-ajax{
  background-color: #ffeded !important;
  border-color: #ffdbdc  !important;
  border-top-color: rgb(255, 219, 220)  !important;
  border-right-color: rgb(255, 219, 220)  !important;
  border-bottom-color: rgb(255, 219, 220)  !important;
  border-left-color: rgb(255, 219, 220)  !important;
  border-radius: 18px  !important;
  min-width: 222px !important;
  width: auto !important;
  max-width: 444px !important;
  padding: 11px !important;
  top: 40px !important;
  .el-message__content{
    padding-left: 5px !important;
    max-height: 120px !important;
    overflow: auto !important;
    padding-right: 28px !important;
  }
  .el-message__closeBtn{
    color: #513a75 !important;
    font-size: 20px !important;
    position: absolute !important;
    top: 16px !important;
  }
  .el-notification__content{
    text-align: left !important;
  }
}

/*ajax警告样式*/
.warn-ajax{
  background-color: #fdf6ec !important;
  border-color: #fdf6ec  !important;
  border-top-color: rgb(255, 219, 220)  !important;
  border-right-color: rgb(255, 219, 220)  !important;
  border-bottom-color: rgb(255, 219, 220)  !important;
  border-left-color: rgb(255, 219, 220)  !important;
  border-radius: 18px  !important;
  min-width: 222px !important;
  width: auto !important;
  max-width: 444px !important;
  padding: 11px !important;
  top: 40px !important;
  .el-message__content{
    padding-left: 5px !important;
    max-height: 120px !important;
    overflow: auto !important;
    padding-right: 28px !important;
    color: #fff !important;
  }
  .el-message__closeBtn{
    color: #fff !important;
    font-size: 20px !important;
    position: absolute !important;
    top: 16px !important;
  }
  .el-notification__content{
    text-align: left !important;
    color: #cf9236 !important;
  }
}

/*最后一个遮罩层不要边距了*/
.v-modal{
  margin-top: 0px !important;
}

.el-card{
  width: 100% ;
  .el-card__body{
    padding: 3px 5px !important;
  }
  .el-card__header{
    padding: 5px 10px !important;
  }
}


/*禁用上传文件动画*/
.el-upload-list__item {
  transition: none !important;
}

/*折叠面板头部*/
.el-collapse-item__header{
  height:  30px  !important;
}

/*折叠面板内容*/
.el-collapse-item__content{
  padding: 0px !important;
}

.theme-default {
  @import "src/assets/themes/default/index";
}

.theme-violet {
  @import "src/assets/themes/violet/index";
}

.el-form-item{
  margin-bottom: 12px;
}

/*极大字体*/
.fontsuperbig{
  /*
    表格标题
    表格区域
  */
  .vxe-cell--title,.vxe-cell{
    font-size: 18px !important;
  }


  .el-form-item{
    /* 表单label */
    .el-form-item__label{
      font-size: 18px !important;
    }

    /* 表单input */
    .el-input{
      .el-input__inner{
        font-size: 18px !important;
      }
    }
  }
}


/*大字体*/
.fontbig{
  /*
    表格标题
    表格区域
  */
  .vxe-cell--title,.vxe-cell{
    font-size: 16px !important;
  }


  .el-form-item{
    /* 表单label */
    .el-form-item__label{
      font-size: 16px !important;
    }

    /* 表单input */
    .el-input{
      .el-input__inner{
        font-size: 16px !important;
      }
    }
  }
}

/*小字体*/
.fontsmall{
  /*
   表格标题
   表格区域
 */
  .vxe-cell--title,.vxe-cell{
    font-size: 13px !important;
  }


  .el-form-item{
    /* 表单label */
    .el-form-item__label{
      font-size: 13px !important;
    }

    /* 表单input */
    .el-input{
      .el-input__inner{
        font-size: 13px !important;
      }
    }
    .el-form-item__error{
      top: 9px;
      left: auto;
      right: 10px;
    }
  }

  /*数据视图*/
  .vxe-grid{
    /*列表顶部表单文字*/
    .vxe-form{
      background: $background-color !important;
      .vxe-form--item-title-label,.vxe-input--inner{
        font-size: 13px !important;
        height: 33px;
      }
      .vxe-input{
        height: 32px !important;
      }
    }
    .vxe-toolbar{
      height: 36px !important;
      /*按钮高度和文字*/
      .vxe-button{
        height: 36px  !important;
        padding: 3px 9px !important;
        .vxe-button--content{
          font-size: 13px !important;
        }
      }
    }
    /*
     表格标题
     表格区域
    */
    .vxe-cell--title,.vxe-cell{
      font-size: 13px !important;
    }

    /*
     表格行高
    */
    .vxe-body--column,.vxe-header--column{
      height: 34px  !important;
      max-height: 34px  !important;
      line-height: 34px  !important;
      padding: 3px 0 !important;
    }

    /*编辑单元格*/
    .vxe-input{
      font-size: 12px  !important;
      height: 25px !important;
      .vxe-input--inner{
        font-size: 13px !important;
      }
    }

    .c--tooltip {
      .el-button{
        padding: 5px 15px;
        font-size: 13px;
        height: 30px;
      }
    }
    .el-input__inner{
      font-size: 13px !important;
    }
    .vxe-grid--toolbar-wrapper{
      padding-top: 3px;
      padding-bottom: 6px;
      background-color: $background-color;
      .vxe-toolbar {
        display: flex;
        .vxe-buttons--wrapper {
          flex: 1;
          text-align: left;
        }
      }
    }

  }
}

/*极小字体*/
.fontmini{
  /*导航栏文字，切换标签文字
  */
  .el-submenu__title,.tag-item,.tags-list .is-active{
    font-size: 12px !important;
  }
  .tag-item:hover{
    font-size: 13px !important;
  }

  /*按钮*/
  .el-button--medium{
    font-size: 12px !important;
    padding: 7px 11px !important;
  }

  /*弹框标题*/
  .el-dialog__title{
    font-size: 14px !important;
  }

  /*数据视图*/
  .vxe-grid{
    /*列表顶部表单文字*/
    .vxe-form{
      background: $background-color !important;
      .vxe-form--item-title-label,.vxe-input--inner{
        font-size: 12px !important;
      }
      .vxe-input{
        height: 25px !important;
      }
    }
    .vxe-toolbar{
      height: 30px !important;
      /*按钮高度和文字*/
      .vxe-button{
        height: 25px  !important;
        padding: 0px 7px !important;
        .vxe-button--content{
          font-size: 12px !important;
        }
      }
    }
    /*
     表格标题
     表格区域
    */
    .vxe-cell--title,.vxe-cell{
      font-size: 12px !important;
    }

    /*
     表格行高
    */
    .vxe-body--column,.vxe-header--column{
      height: 30px  !important;
      padding: 3px 0 !important;
    }

    /*编辑单元格*/
    .vxe-input{
      font-size: 12px  !important;
      height: 25px !important;
      .vxe-input--inner{
        font-size: 12px !important;
      }
    }
  }

  /*表单区域*/
  .el-form{
    .el-form-item{
      margin-bottom: 5px !important;
      /* 表单label */
      .el-form-item__label{
        font-size: 12px !important;
      }

      /* 表单input */
      .el-input{
        .el-input__inner{
          font-size: 12px !important;
        }
      }
    }
  }
}

/*列表表头不换行*/
.vxe-header--column{
  .vxe-cell{
    white-space: nowrap !important;
    overflow:hidden !important;
  }
}

input[disabled]{
  border: 0px !important;
  color: #606266 !important;
}

/*右下通知*/
.msg-right{
  bottom: 30px !important;
  height: 180px !important;
  right: 33px !important;
  .el-notification__content{
    max-height: 80px;
    overflow: auto;
    width: 300px;
    max-width: 300px;
  }

  .el-notification__title{
    white-space: nowrap !important;
    overflow: hidden !important;
    max-width: 222px  !important;
  }

  .gmt-create{
    width: 80%;
    text-align: center;
  }

  .content{
    max-width: 82%;
  }

  .btns{
    position: absolute;
    bottom: 3px;
    text-align: center;
    width: 80%;
    padding-bottom: 3px;
    button{
      cursor: pointer;
    }
  }

  .el-notification__icon{
    color: rgb(19, 206, 102) !important;
  }
}

.msg-badge{
  float: left;
  .el-badge__content{
    top: 11px !important;
  }
}

.dataview-dialog{

  overflow-y: hidden !important;
  /*拖动导致纵向滚动条，去掉行高不影响拖动功能
    不需要了，已经在  dialog-resize 指令动态增加此样式了
  // div:nth-child(3):not(.vxe-select-option):not(.vxe-tools--operate) {
  //   line-height: 0px !important;
  // }
  */


  .el-dialog__body{
    overflow-y: auto !important;
    height: 95%  !important;
  }
}


.vxe-form--item ,.vxe-form--item-title{
  line-height: 1.5 !important;
}

/*dataview 行内按钮，查询区域跟按钮在一行*/
.data-view-inlinebtn{
  .vxe-grid{

    .vxe-grid--form-wrapper{
      display: inline-block;
      padding-top: 8px;
    }

    .vxe-grid--form-wrapper:empty {
      display: none;
    }

    .vxe-grid--toolbar-wrapper{
      display: inline-block;
      padding-left: 11px;
      width: 100%;
    }

    .vxe-toolbar{
      display: inline-block;
      width: 100%;
    }

    .vxe-grid--toolbar-wrapper, .vxe-toolbar, .vxe-button--wrapper{
      height: auto;
    }
    .vxe-form--item{
      padding: 0px 5px;
    }

    .vxe-tools--operate{
      display: inline-block;
      float: right;
      margin-top: -32px;
    }
  }
}


/*dataview 不要分页跳转文本框*/
.data-view-nojump{
  /deep/ .vxe-pager{
    .vxe-pager--jump{
      display: none;
    }
  }
}


/*dataview 不要分页每页显示数量选择框*/
.data-view-noselect{
  /deep/ .vxe-pager{
    .vxe-pager--sizes{
      display: none;
    }
  }
}

/*dataview 不要按钮区域*/
.data-view-noflowbtn{
  /deep/ .vxe-grid{
    .vxe-grid--toolbar-wrapper{
      display: none;
    }
  }
}
/*dataview 不要编辑按钮*/
.data-view-noedit{
  /deep/ .vxe-grid{
    .btn-vrb-edit{
      display: none !important;
    }
  }
}
/*dataview 不要编辑按钮*/
.el-form-item-noerror{
  /deep/ .el-form-item__error{
    display: none;
  }
}

/*日期区域选择距离左边320样式*/
.el-date-range-picker-left320{
  left: 320px !important;
}

/*下拉表格日期控件无法显示*/
.vxe-input--panel{
  z-index: 9999999 !important;
}

.vxe-table--body-wrapper{
  overflow-y: auto;
}


.vxe-table .vxe-body--row.row--hover,
.vxe-table .vxe-body--row.row--current,
.vxe-table .vxe-body--row.row-check
{
  background-color: #dae5f7 !important;
}

/*覆盖vxe加载样式*/
.dataview-loading-override{
  /deep/ .vxe-grid{
    .vxe-table--loading,.is--loading:before{
      display: none !important;
    }
  }
  .vxe-grid.is--loading:before{
    content: none !important;
  }
}


/*表单及按钮区域未加载完时，不显示 /嵌套在下拉框里面会有问题*/
.dataview-load-stru{
  /*
      .vxe-grid--form-wrapper,.vxe-grid--toolbar-wrapper{
        visibility: hidden !important;
      }
    .vxe-table--empty-placeholder{
      visibility: none !important;
    }*/
}


/*覆盖vxe加载样式*/
.el-checkbox-group-inline{
  /deep/ .el-checkbox{
    display: block;
  }
}

.el-message {
  border-radius: 18px  !important;
  .el-message__content{
    line-height: 25px;
  }

  .el-message__closeBtn{
    color: #513a75 !important;
    font-size: 20px !important;
    position: absolute !important;
    top: 25px;
  }
}
/*
下拉表格中有elementui下拉框无法显示的问题*/
.el-popper{
  z-index: 99999 !important;
  padding: 5px;
}
.popper600{
  height: 600px;
  overflow-y: hidden;
}

.CodeMirror {
  height: auto !important;
}

.CodeMirror-scroll {
  height: auto  !important;
  /*max-height: 490px !important;*/
  min-height: 90px !important;
}
.el-tabs-38{
  .el-tabs__nav{
    height: 38px!important;
  }
}


h1,h2,h3,h4,h5{
  padding: 9px 0px;
  margin: 0px;
}

.vxe-grid--form-wrapper{
  overflow: hidden;
  min-height: 44px;
  max-height: 44px;
  .vxe-form--item-title{
    text-align: right;
  }
  .el-input{
    width: 150px !important;
  }

  .vxe-form--item-title{
    width: 88px;
  }

  .vxe-form--item-title .vxe-form--item-title-prefix{
    margin: 0px;
    margin-right: -11px;
    cursor: text;
  }
  .vxe-form--item-title .vxe-icon--arrow-right{
    cursor: text;
  }

  /*切换列表查询区域会换行的问题*/
  .vxe-form--item{
    padding:.5em .5em .5em 0 !important;
  }
}

.data-view-select{
  .vxe-grid--form-wrapper{
    min-height: 40px !important;
    max-height: 40px  !important;
  }
}

.dialog-top{
  overflow-y: hidden  !important;
  .el-dialog{
    margin-right: 0px;
    margin-top: 10px !important;;
  }
}


.dialog-top0{
  /deep/ .el-dialog{
    margin: 0px !important;
    height: 100%;
  }
}

/*底部合计列*/
.vxe-footer--row{
  .vxe-cell--item{
    font-size: 13px !important;
    font-weight: bold;
  }
  .vxe-footer--column:first-child,.vxe-footer--column:nth-child(2){
  }
}

/*不要vxe的加载效果*/
.vxe-loading{
  display: none !important;
}

/*element图片预览样式问题*/
.el-image-viewer__close{
  background-color: #606266;
  color:#fff
}

/*vxe-grid 最大化时*/
.vxe-grid.is--maximize{
  /*弹框中被遮住的问题*/
  z-index: 99999 !important;

  /*菜单一级列表样式问题*/
  width: 100% !important;
  margin-left: 0px  !important;
}

.vxe-table--tooltip-wrapper{
  z-index: 999999999 !important;
}

.alert-top{
  padding: 1px 0px;
}

/*div不换行*/
.div-NoWrap{
  width: 100%; /*必须设置宽度*/
  overflow: hidden; /*溢出隐藏*/
  text-overflow: ellipsis; /*以省略号...显示*/
  white-space: nowrap; /*强制不换行*/
}

/*div不换行*/
.div-NoWrap-only{
  width: 100%; /*必须设置宽度*/
  overflow: hidden; /*溢出隐藏*/
  text-overflow: ellipsis; /*以省略号...显示*/
  white-space: nowrap; /*强制不换行*/
}


/*表单样式*/
.form-260{
  .el-form-item{
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 260px;
    .el-form-item__label{
      width: 100px;
    }
    .el-form-item__content{
      width: 160px;
    }
  }

  /*1倍宽度 不要label*/
  .item-nolabel{
    .el-form-item__content{
      width: 260px !important;
      padding-left: 20px;
    }
  }

  /*2倍宽度*/
  .item-width2{
    width: 520px;
    .el-form-item__content{
      width: 440px;
    }
  }
}


/*警告提示样式*/
.tip-warn{
  background: $warning !important;
  color: #fff  !important;
  width: 222px  !important;
}

/*警告提示样式*/
.tip-warn-autowidth{
  background: $warning !important;
  color: #fff  !important;
}

/**
* @Description：src/components/custom/form 下面的公共样式
* @Date 2023-09-27
*/
/*表单项宽度保持一致*/
.custom-form-item .t-form__controls-content,.custom-date-picker {
  width: 160px !important;
}

/*表单项单行占满显示*/
.form-item-full-width{
  width: 100% !important;
  .t-form__controls-content {
    width: 100% !important;
  }
}

/*表单项单行2倍宽度*/
.form-item-width-2x{
  .t-form__controls-content,.form-item-control {
    width: 440px !important;
  }
}

/*.t-form__controls,.t-form__controls-content,.t-form__label {
  min-height: 30px !important;
  line-height: 30px !important;
  height: 30px !important;
}*/
/*表单布局*/
.form-layout{
  .nav-left,.form-right{
    position: absolute;
  }
  .nav-left{
    width: 120px;
    float: left;
    margin-left: 5px;
  }

  .form-right{
    width: calc(100% - 125px);
    left: 125px;
    float: left;
    max-height: calc(100% - 90px);
    overflow: auto;
    padding-right: 20px;
  }

  .text-cursor{
    width: 10px;
    height: 10px;
    background-color: var(--text-color-brand, #0052d9);
    position: absolute;
    border-radius: 50%;
    left: 50%;
    margin-left: -5px;
    top: 50%;
    margin-top: -5px;
  }

  .box-title{
    position: relative;
    width: 100%;
    font-size: 18px;
    border-bottom: 1px solid $border-color;
    padding: 7px 10px;
    background: #fafafa;
    transition: all 1s;
    -webkit-transition: all 1s;
    cursor: pointer;

    &:after{
      position: absolute;
      content: '';
      left: 0;
      top:20%;
      width: 3px;
      height: 60%;
      background-color: #eeeeee;
    }

    /*二级标题*/
    .box-title2 {
      font-size: 13px;
      margin-left: 13px;
      color: #ef760fd4;
    }
  }
  .box-title-active{
    background-color: $background-color;
    color: $primary-dark-color;
  }
  .box-title:hover{
    background-color: #ebebeb;
  }
  .form-layout .box-title-active:hover{
    background-color: #f0f1ff;
    color: #1a4fd2;
  }
}

/*表单布局 相对定位*/
.form-layout-relative{
  .nav-left,.form-right{
    position: relative !important;
  }
  .form-right{
    left: 10px !important;
  }
}

/*左树右列表布局*/
.tree-list-layout{
  .box-left, .box-right{
    float: left;
  }
  .box-left{
    width: 300px !important;
    padding-top: 10px;
    padding-right: 20px;
  }
  .box-right{
    width: calc(100% - 300px) !important;
  }
}

/*左树右列表布局 树宽度400*/
.tree-list-layout-400{
  .box-left{
    width: 400px !important;
  }
  .box-right{
    width: calc(100% - 400px) !important;
  }
}

.el-tree__empty-block{
  min-height: 30px !important;
}

.max-height300{
  max-height: 300px;
  overflow: auto;
}

/*图片预览被遮挡的问题*/
.t-image-viewer{
  z-index: 99999 !important;
}
.t-message{
  max-height: 120px !important;
  overflow: auto;
  white-space: pre-wrap; /*css-3*/
  white-space: -moz-pre-wrap; /*Mozilla,since1999*/
  white-space: -o-pre-wrap; /*Opera7*/
  word-wrap: break-word; /*InternetExplorer5.5+*/
}

.container{
  width: 100%;
  height: 100%;
}

/*统一vxetable行高*/
.vxe-table.size--medium .vxe-body--column.col--ellipsis>.vxe-cell
, .vxe-table.size--medium .vxe-footer--column.col--ellipsis>.vxe-cell
, .vxe-table.size--medium .vxe-header--column.col--ellipsis>.vxe-cell
,.vxe-table .vxe-body--column.col--ellipsis>.vxe-cell, .vxe-table .vxe-footer--column.col--ellipsis>.vxe-cell, .vxe-table .vxe-header--column.col--ellipsis>.vxe-cell
{
  max-height: 32px !important;
  min-height: 32px !important;
  height: 32px !important;
}


.t-tooltip{
  z-index: 999999991 !important;
}

.label-class {
  display: inline-block;
  min-width: 320px;
  strong {
    display: inline-block;
    width: 120px;
    font-weight: 700;
    text-align: right;
    padding-right: 10px !important;
  }
}
.label-class.w-360 {
  min-width: 360px;
}
.label-class.w-280 {
  min-width: 280px;
}

.t-message__list{
  top: 5px !important;
}


.t-select-option{
  font-size: 13px !important;
}

.t-card__header, .t-card__body {
  padding: 12px !important;
}

:root{
  /*表单高度*/
  --td-comp-margin-xxxl: 25px !important;
  /*表单项底部边距*/
  --td-size-10: 25px !important;
}

.span-msg{
  background: #CC6600;
  color: #fff;
  padding: 5px;
  margin-left: 5px;
  font-size: 12px;
}
.span-msg:empty{
  display: none;
}

.span-msg-nopad{
  color: #CC6600 !important;
}

.button-image{
  width: 17px !important;
  height: 17px !important;
  background: transparent !important;
  margin-top: 2px !important;
  margin-right: 5px !important;
}

.button-image-column{
  width: 17px !important;
  height: 17px !important;
  background: transparent !important;
  margin-top: 2px !important;
}

.t-button--theme-default{
  border: 1px solid #c0c4cc !important;
}

.t-drawer__close-btn{
  top: 5px !important;
  background: #f5f7fa !important;
}

.el-tabs__item.is-active {
  border-bottom: 1px solid #278259 !important;
}
.el-tabs__active-bar{
  display: none !important;
}

/*流光效果*/
.flow-lignt{
  background: -webkit-linear-gradient(135deg, #0eaf6d, #409EFF 25%, #147b96 50%, #e6d205 55%, #2cc4e0 60%, #009966 80%, #409EFF 95%, #08dfb4);
  /* 文字颜色填充设置为透明 */
  -webkit-text-fill-color: transparent;
  /* 背景裁剪，即让文字使用背景色 */
  -webkit-background-clip: text;
  /* 背景图放大一下，看着柔和一些 */
  -webkit-background-size: 200% 100%;
  /* 应用动画flowCss 12秒速度 无限循环 线性匀速动画*/
  -webkit-animation: flowCss 12s infinite linear;
}
@-webkit-keyframes flowCss {
  0% {
    /* 移动背景位置 */
    background-position: 0 0;
  }

  100% {
    background-position: -400% 0;
  }
}
.btn-scan{
  height: 36px !important;
  font-size: 15px !important;
  display: inline-block;
}
